/*
 .content  //最外层
 .content-block-title{}
 .list-block //添加      .contacts-block 联系人列表       .media-list 图片列表

 .item-content  // 添加 .label-checkbox 可选列表
 .item-media
 .item-inner
 .item-title
 .item-after
 .item-input
 .item-subtitle
 .item-text
 */

/*重置*/
body {
	background-color: #f1f1f1;
	font-family: "微软雅黑";
}

.bar {
	background-color: #fff;
}
.title {
	font-size: 16px;
	color: #282828;
}
.bar .button-nav.pull-right {
	margin-right: .25rem;
	font-size: 14px;
}
.clearfix {
	clear: both;
}
.content-block, .list-block, .contacts-block, .media-list, .content-block-title+ .content-block {
	margin: 0;
	padding: 0;
}
.list-block .item-content, .list-block .item-media, .list-block .item-inner {
	margin: 0;
	padding: 0;
	font-size: .75rem;
}
.list-block .item-title.label {
	font-size: .7rem;
}
.list-block .item-media+ .item-inner {
	margin: 0;
	padding: 0;
}
.list-block li:last-child {
	border: none;
}
.list-block .item-content:last-child {
	border: none;
}
.content-block-title {
	margin: 0 .5rem 0 .5rem;
	color: #0EAAE3;
	line-height: 34px;
	font-size: 12px;
}
.buttons-tab {
	background-color: transparent;
}
.buttons-tab .button.active {
	background-color: #fff;
}

/*under-line*/
.list-block ul:before, .list-block ul:after, .list-block li:before, .list-block li:after, .list-block .item-inner:after {
	height: 0px;
}
.b-line::before {
	content: '';
	left: 0;
	top: 0;
	bottom: auto;
	right: auto;
	height: 1px;
	width: 100%;
	background-color: #ddd;
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
}
.a-line::after {
	content: '';
	left: 0;
	right: auto;
	height: 1px;
	width: 100%;
	background-color: #ddd;
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
}
.list-block .in-line:after {
	content: '';
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	height: 1px;
	width: 100%;
	background-color: #dddddd;
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}
/*高*/
.list-block .h-50{min-height:2.5rem;}
/*背景颜色*/
.bg-tp {
	background-color: transparent;
}
.bg-ff {
	background-color: #fff;
}
.bg-25 {
	background-color: #25262a;
}
.bg-ia {
	background-image: url(../images/my-bg@2x.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
/*边框*/
.br {
	border: solid 1px #0EAAE3;
	border-radius: 5px;
	padding: 0 4px;
	margin-right: 3px;
}
.br-r {
	border-right: solid 1px #ddd;
}
.br-b {
	border-bottom: solid 1px #ddd;
}
.card {
	border-radius: .25rem;
	box-shadow: none;
	margin: 1rem .5rem;
}
/*定位*/
.pos-r {
	position: relative;
}
.pos-a {
	position: absolute;
	z-index: 999;
}
.pos-s {
	position: static;
}
/*弹性容器居中*/
.jc-c {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-webkit-justify-content: center;
	-ms-webkit-justify-content: center;
	-o-webkit-justify-content: center;
	justify-content: center;
}
.jc-l {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	-moz-webkit-justify-content: flex-start;
	-ms-webkit-justify-content: flex-start;
	-o-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.ai-c {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-webkit-align-items: center;
	-ms-webkit-align-items: center;
	-o-webkit-align-items: center;
	align-items: center;
}
/*图片大小*/
img {
	display: block;
}
.img-100 {
	width: 100%;
}
.img-262 {
	width: 262px;
	height: 262px;
}
.img-60 {
	width: 60px;
	height: 60px;
}
.img-29 {
	width: 29px;
}
.img-13 {
	width: 13px;
	height: 13px;
}
/*字体大小*/
.fs-30 {
	font-size: 1.5 rem;
}
.fs-24 {
	font-size: 1.2 rem;
}
.fs-16 {
	font-size: .8rem;
}
.fs-15 {
	font-size: .75rem;
}
.fs-14 {
	font-size: .7rem;
}
.fs-9 {
	font-size: .45rem;
}
/*字体颜色*/
.fc-ff {
	color: #fff;
}
.fc-79{
	color: #797979;
}
.fc-05 {
	color: #ff8705;
}
.fc-c0 {
	color: #c0c0c0;
}

.fc-0e {
	color: #0eaae3;
}
/*文本对齐*/
.ta-c {
	text-align: center;
}
.ta-r {
	text-align: right;
}
/*行高*/
.lh-24 {
	line-height: 24px;
}
.lh-36 {
	line-height: 36px;
}
.lh-44 {
	line-height: 2.2rem;
}
.lh-50 {
	line-height: 2.5rem;
}
/*padding*/
.list-block .item-content .p-0{padding:0;}
.p-15 {
	padding: 0 .75rem;
}
.p-10, .content-block-title+ .p-10, .list-block .item-inner {
	padding: 0 .5rem;
}
.card-content-inner {
	padding: .25rem .5rem;
	color: #797979;
}
.list-block .item-media+.p-10 {
	padding: .5rem;
}
/*padding-top*/
.pt-0 {
	padding-top: 0;
}
/*padding-right*/
.list-block .item-content .pr-10 {
	padding-right: .5rem;
}
.list-block .pr-10{
	padding-right:10px; 
}
/*padding-left*/
.list-block .pl-15{
	padding-left:15px; 
}
.list-block .item-content .pl-10 {
	padding-left: .5rem;
}
.pl-10 {
	padding-left: .5rem;
}
.pr-10 {
	padding-right: .5rem;
}
/*margin*/
.m-0 {
	margin: 0;
}
/*margin-top*/
.mt-10 {
	margin-top: .5rem;
}
.mt-20 {
	margin-top: 1rem;
}
.mt-80 {
	margin-top: 4rem;
}
/*margin-bottom*/
.mb-10 {
	margin-bottom: 10px;
}
.mb-20 {
	margin-bottom: 20px;
}
/*margin-right*/
.mr-10 {
	margin-right: 20px;
}
/*input*/
::-webkit-input-placeholder {/* WebKit, Blink, Edge */
	color: #c7c7c7;
	font-size: .7rem;
}
:-moz-placeholder {/* Mozilla Firefox 4 to 18 */
	color: #c7c7c7;
	font-size: .7rem;
}
::-moz-placeholder {/* Mozilla Firefox 19+ */
	color: #c7c7c7;
	font-size: .7rem;
}
:-ms-input-placeholder {/* Internet Explorer 10-11 */
	color: #c7c7c7;
	font-size: .7rem;
}
/*-------------------------意见反馈----------------------*/
.problem {
	height: 30px;
	border-radius: 10px;
	margin-top: 10px;
}
.problem span {
	padding: 0 .5rem;
	border-right: solid 1px #c0c0c0;
	color: #0eaae3;
}
.problem select {
	width: 70%;
}
.describe {
	height: 150px;
	border-radius: 10px;
}
.describe textarea {
	width: 100%;
	height: 150px;
	resize: none;
	border-radius: 10px;
	padding: 10px;
}
.lianxi input {
	line-height: 30px;
	width: 100%;
	border-radius: 10px;
	padding: 0 10px;
}
/*-------------------------选择涉笔型号----------------------*/
.shebei-box {
	background-color: #ffffff;
}
.shebei {
	float: left;
	width: 33.333%;
	height: 88px;
}
.shebei img {
	width: 29px;
	margin: auto;
	display: block;
	margin-top: 14px;
}
.shebei div {
	font-size: 12px;
	color: #797979;
	text-align: center;
	margin-top: 24px;
}
/*-------------------------筛选下拉框----------------------*/
.black_box {
	position: relative;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0);
	z-index: 1000;
}
.shaixuan {
	position: absolute;
	right: 8px;
	top: 32px;
	z-index: 1024;
}
.shaixuan-box {
	width: 85px;
	text-align: center;
	color: #ffffff;
	border-radius: 5px;
}
.shaixuan-box .arrow {
	height: 10px;
}
.shaixuan-box .arrow div {
	width: 10px;
	height: 10px;
	border-right: solid 8px rgba(255,255,255,0);
	border-left: solid 8px rgba(255,255,255,0);
	border-bottom: solid 10px #47c2f1;
	margin-left: 50px;
}
.shaixuan-box .riqi {
	background-color: #47c2f1;
	border-radius: 5px;
}
.shaixuan-box .riqi div {
	line-height: 36px;
	font-size: 15px;
	border-bottom: solid 1px #67b5d1;
}
.shaixuan-box .riqi div:last-child {
	border: none;
}
.shaixuan-box .riqi div:active {
	background-color: #0eaae3;
}
/*-------------------------弹出框----------------------*/
.black-boxa{position:relative;height:100%;width:100%;background-color:rgba(0,0,0,.5);z-index:1000;}
.tc{position:absolute;;bottom:0px;z-index:1024;width:100%;margin-top:179px;}
.tc-box{text-align:center;color:#282828;background-color:#ffffff;}
.tc-box div{line-height:44px;font-size:15px;border-bottom:solid 1px #dddddd;}
.tc-box div:nth-last-child(1){color:#797979;border:none;}	
.fenxiang-box div:nth-child(2) img{display:block;width:2.2rem;margin:auto;}
.fenxiang-box div:nth-child(2) div{border:none;width:33.33333%;float:left;padding:1rem 0;}
/*-------------------------消息----------------------*/
.list-block .nw {
	white-space: normal;
}
/*-------------------------银行卡----------------------*/
.list-block .bg-c {
	background: -webkit-linear-gradient(left, #e75c65, #e9507d);
	background: -moz-linear-gradient(left, #e75c65, #e9507d);
	background: -o-linear-gradient(left, #e75c65, #e9507d);
	background: -webkit-gradient(linear, 0 0, 100% 0, from(#e75c65), to(#e9507d));
	background: linear-gradient(left, #e75c65, #e9507d);
	border-radius: 5px;
	padding: 10px 0;
	margin-top: 15px;
}
.list-block.media-list .item-media .image {
	width: 34px;
	margin: 0 20px;
}
/*-------------------------通用----------------------*/
.label-switch{
	height:auto;
}
.label-switch .checkbox:before {
	height: 0;
}
.label-switch .checkbox:after {
	height: 22px;
	width: 22px;
}
.label-switch .checkbox {
	height: 24px;
	width: 2.4rem;
}
/*-------------------------修改密码----------------------*/
.card{
	padding:20px 0;
    box-shadow:none
}
.card img{
	display:block;
	margin:auto;
}